@import './a.scss';
$c:hotpink;
$b:yellow;
//定义混合的选项
//关键字 @mixin @include
@mixin liulian {
    color: yellowgreen;
    border: 2px solid #ccc;
}
//声明函数 @function
@function size($s){
    @return $s+20px;
}
.f4{
    font-size:size(20)
}
#app{
    width: 100px;
    height: 100px;
    color: aqua;
    border: 1px solid $c;
    background-color: $b;
    @include liulian
}
.f1{
    .dv{
        .dv2{
            color: green;
            @include beautiful
        }
        a{
            color: red;
        }
        b{
          color: pink;
          &:hover{
    background:deepskyblue;
}
        }
    }
}
.f2{
    .dv2{
        .dv3,.bb,a{
            color: beige ;
        }
    }
}
.f3{
    border: 1px solid palegreen{
        bottom: 2px dashed blue;
        right:none;
        left:3px solid skyblue
    };
    p,h1,div{
        a{
            font-size: 14px;
            color: blueviolet;
            @include liulian;
        }
    }
}
//普通注释，编译的时候不会被编译
/* 编译的时候会被编译*/
/*!强力注释，编译和压缩后都会被编译*/